<script setup>
import { RouterLink, RouterView, useRouter } from 'vue-router';
import Layout from '@/components/Layout.vue';
// 是否展示layout 若定义了layout并且为false则不展示，其他情况展示
// const router = useRouter();
const route = useRoute();
// const isDefinedLayout = typeof route.meta.layout !== 'undefined';
// const idNotShowLayout = isDefinedLayout && route.meta.layout === false;
const test = computed(() => {
  if (route.path !== '/' && !(typeof route.meta.layout !== 'undefined' && route.meta.layout === false)) {
    return true;
  }
  return false;
});
// 计算属性本身是通过手机匿名函数里面使用到的响应式数据的依赖
// 计算属性每次取值都是从缓存里面的取得
</script>

<template>
  <!-- !(typeof route.meta.layout !== 'undefined' && route.meta.layout === false) -->
  <!-- {{ route.meta.layout }} -->
  <Layout v-if="test"></Layout>
  <RouterView v-else />
</template>

<style>
/* html,
body, */
#app {
  height: 100%;
  /* box-sizing: border-box; */
}
</style>
